<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Map Simple</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<style>
#map_canvas{
	width:600px;
	height:600px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-300px;
}
</style>
</head>
<script type="text/javascript">
	$(function(){
		$.getScript("http://maps.google.com/maps/api/js?sensor=false&callback=map_init");
	})
	function map_init()
	{
	   initialize();
	}
	function initialize() {
		var myLatlng =new google.maps.LatLng(-34.397, 150.644);
		var myOptions = {
			zoom: 8,
			center: myLatlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		}
		var map =new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	}
</script>
<body>
<div id="map_canvas"></div>
</body>
</html>
